<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="header_nav">
    <ul class="left_nav">
        <li><a href="">豆瓣</a></li>
        <li><a href="">读书</a></li>
        <li><a href="">电影</a></li>
        <li><a href="">音乐</a></li>
        <li><a href="">同城</a></li>
        <li><a href="">小组</a></li>
        <li><a href="">阅读</a></li>
        <li><a href="">FM</a></li>
        <li><a href="">时间</a></li>
        <li><a href="">豆品</a></li>
    </ul>
    <ul class="right_nav">
        <li><a href="">下载豆瓣客户端</a></li>
        <li><a href="">登录/注册</a></li>
    </ul>
</div>
<div class="header_wrap">
    <div class="first_nav">
        <div class="first_cont_nav">
            <a class="logo" href=""><img src="./images/logo0.png" alt=""></a>
            <div class="searchInput">
                <input type="text" placeholder="搜索电影、电视剧、综艺、影人" class="searchQuery">
                <input type="button" class="searchBtn">
            </div>
            <a href="" class="list_logo"><img src="./images/logo.png" alt=""></a>
        </div>
    </div>
    <ul class="second_nav">
        <li><a href="">影讯&购票</a></li>
        <li><a href="">选电影</a></li>
        <li><a href="">电视剧</a></li>
        <li><a href="">排行榜</a></li>
        <li><a href="">分类</a></li>
        <li><a href="">影评</a></li>
        <li><a href="">2021年度榜单</a></li>
        <li><a href="">2021书影音报告</a></li>
    </ul>
</div>
<div class="main">
    <div class="left_main">
        <div class="module">
            <div class="cont_title">
                正在热映 <a href="">全部正在热映»</a><a href="">即将上映»</a>
                <ul class="btnGroup">
                    <li>1/3</li>
                    <li><a href="" class="prev"></a></li>
                    <li><a href="" class="next"></a></li>
                </ul>
            </div>
            <div class="cont_item">
                <dl>
                    <dt><a href=""><img src="./images/p1.png" alt=""></a></dt>
                    <dd>
                        <a class="title" href="">暗恋·橘生淮南</a>
                        <p><span class="rating-star star_2-5"></span><span>4.8</span></p>
                        <a class="buyT" href="">选座购票</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href=""><img src="./images/p2.png" alt=""></a></dt>
                    <dd>
                        <a class="title" href="">唐顿庄园2</a>
                        <p><span class="rating-star star_4-5"></span><span>8.4</span></p>
                        <a class="buyT" href="">选座购票</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href=""><img src="./images/p3.png" alt=""></a></dt>
                    <dd>
                        <a class="title" href="">坏蛋联盟</a>
                        <p><span class="rating-star star_4"></span><span>7.3</span></p>
                        <a class="buyT" href="">选座购票</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href=""><img src="./images/p4.png" alt=""></a></dt>
                    <dd>
                        <a class="title" href="">遇见你之后</a>
                        <p><span class="rating-star star_3"></span><span>5.9</span></p>
                        <a class="buyT" href="">选座购票</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href=""><img src="./images/p5.png" alt=""></a></dt>
                    <dd>
                        <a class="title" href="">我是真的讨厌…</a>
                        <p><span class="rating-star star_2-5"></span><span>4.6</span></p>
                        <a class="buyT" href="">选座购票</a>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="module">
            <div class="cont_title">
                热门推荐
                <ul class="btnGroup">
                    <li>1/5</li>
                    <li><a href="" class="prev"></a></li>
                    <li><a href="" class="next"></a></li>
                </ul>
            </div>
            <div class="recommend_item" >
                <div class="recommend_left"><a href=""><img src="./images/pic.jpg" alt=""></a></div>
                <div class="recommend_right">
                    <h4><a href="">《蜘蛛侠：平行宇宙》续集中字预告</a></h4>
                    <p>
                        《蜘蛛侠：纵横宇宙（上）》延期至2023年6月2日北美上映，《蜘蛛侠：纵横宇宙（下）》官宣2024年3月29日北美上映！
                    </p>
                </div>
            </div>
        </div>
        <div class="module">
            <div class="cont_title">
                最受欢迎的影评 <a href="">更多热门影评»</a><a href="">新品影评»</a>
            </div>
            <div class="reviews_item">
                <div class="reviews_left"><a href=""><img src="./images/q1.png" alt=""></a></div>
                <div class="reviews_right">
                    <h4><a href="">世间对女性最大的误导，就是向她们无限夸大爱情的重要性</a></h4>
                    <p class="info"><a href="">今天小熊不吃糖</a><span>评论</span><a href="">《第一炉香》</a><span class="rating-star"></span></p>
                    <p class="content">
                        不得不说，《第一炉香》是一部“挑人”的电影。 虽然它的制作班底大师云集，有着精美的配乐、摄影以及服化道，足以为观众带来感官上的享受，但却绝不是传统意义上的爆米花电影。 和许鞍华以往的大多作品一样，《.
                        <a href="">(全文)</a>
                    </p>
                </div>
            </div>
            <div class="reviews_item">
                <div class="reviews_left"><a href=""><img src="./images/q2.png" alt=""></a></div>
                <div class="reviews_right">
                    <h4><a href="">忽如其来的亲情和梦开始的地方</a></h4>
                    <p class="info"><a href="">又又</a><span>评论</span><a href="">《我是监护人》</a><span class="rating-star"></span></p>
                    <p class="content">
                        作为一个与父亲关系极差的女儿，虽然经历迥异但感受相似。尚语贤的第一个大女主戏，素颜挺让人恍惚的，但表演撑住了，王砚辉老师太好了，急着给女儿辩解那段愣是看哭了，推荐给闺蜜计划二刷了，呵呵
                        <a href="">(全文)</a>
                    </p>
                </div>
            </div>
            <div class="reviews_item">
                <div class="reviews_left"><a href=""><img src="./images/q3.png" alt=""></a></div>
                <div class="reviews_right">
                    <h4><a href="">看完沙丘，兴奋地睡不着，简单分析豆瓣上对《沙丘》恶评的来源</a></h4>
                    <p class="info"><a href="">疯石头</a><span>评论</span><a href="">沙丘</a><span class="rating-star"></span></p>
                    <p class="content">
                        昨天晚上看完以后太兴奋了，颇有当年看指环王的感觉。躺床上刷了刷豆瓣，一时语塞。没想到会有这么多人欣赏不了《沙丘》。 翻了翻差评，感觉差评的来源主要有四类。 1. 对科幻的狭隘认知。 先亮三观，我认为《沙
                        <a href="">(全文)</a>
                    </p>
                </div>
            </div>
            <div class="reviews_item">
                <div class="reviews_left"><a href=""><img src="./images/q4.png" alt=""></a></div>
                <div class="reviews_right">
                    <h4><a href="">Hollywood Clichés笔记整理</a></h4>
                    <p class="info"><a href="">罗文姬 </a><span>评论</span><a href="">《好莱坞俗套大吐槽》</a><span class="rating-star"></span></p>
                    <p class="content">
                        爱情喜剧： 1.可爱的相遇方式The meet cute 为了让观众过瘾，体验爱情发生时刻的化学反应，必须得发生在尴尬的、不寻常的场景下，不能是普通的场景。例如《艺术家》，《雨中曲》，例如《诺丁山》(Notting Hill ，..
                        <a href="">(全文)</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="aside">
        <div class="rating_answer">
            <a href="">豆瓣电影评分八问</a>
        </div>
        <div class="billboard">
            <h4>一周口碑榜 <a href="">更多榜单》</a></h4>
            <ul>
                <li><span>1</span><a href="">唐顿庄园2</a></li>
                <li><span>2</span><a href="">渔港的肉子酱</a></li>
                <li><span>3</span><a href="">瞬息全宇宙</a></li>
                <li><span>4</span><a href="">我们的父亲</a></li>
                <li><span>5</span><a href="">甘古拜·卡蒂娅瓦迪</a></li>
                <li><span>6</span><a href="">网络炼狱：揭发N号房</a></li>
                <li><span>7</span><a href="">行骗天下JP：英雄篇</a></li>
                <li><span>8</span><a href="">RRR</a></li>
                <li><span>9</span><a href="">替身演员</a></li>
                <li><span>10</span><a href="">她喜欢的是</a></li>
            </ul>
        </div>
        <div class="doulist">
            <h4>热门片单</h4>
            <p><a href="">小易甫字幕组译制及其它</a> <span>42推荐</span></p>
            <p><a href="">英国历史</a> <span>110推荐</span></p>
        </div>

        <div class="contact">
            <h4>合作联系</h4>
            <p>电影合作邮箱：movie@douban.com</p>
            <p>电视剧合作邮箱：tv@douban.com</p>
        </div>
        <div class="attention">
            <h4>关注我们</h4>
            <ul>
                <li>
                    <a href="">
                        <img src="./images/weibo.png" alt="">
                        <p>微博</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./images/weixin.png" alt="">
                        <p>微信</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./images/bite.png" alt="">
                        <p>瓣嘴</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./images/club.png" alt="">
                        <p>光影club</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="article-card">
            <a href=""><img src="./images/ad.jpg" alt=""></a>
            <div>
                <a href="">读者热烈票选，编辑专业推荐，60部作品快来追更。</a>
                <span>豆瓣阅读</span>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer_left">© 2005－2022 douban.com, all rights reserved 北京豆网科技有限公司</div>
    <ul class="footer_right">
        <li><a href="">关于豆瓣</a></li>
        <li><a href="">在豆瓣工作</a></li>
        <li><a href="">联系我们</a></li>
        <li><a href="">法律声明</a></li>
        <li><a href="">帮助中心</a></li>
        <li><a href="">移动应用</a></li>
        <li><a href="">豆瓣广告</a></li>
    </ul>
</div>
</body>
</html>
